@charset"utf-8";
@import "var.less";
@import "swiper.less";
@import "animate.less";

/*
File Name:global
*/


/*
@font-face{
    font-family: fzltxh;
    src: url('/assets/fonts/fzltxh_GBK.ttf'),
    url('/assets/fonts/fzltxh_GBK.eot');
}*/
/*@font-face{
    font-family: apple_Chancery;
    src: url('/assets/fonts/apple_Chancery.ttf'),
    url('/assets/fonts/apple_Chancery.eot');
}*/
input:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: rgb(0, 0, 0);
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
html { margin: 0; padding: 0; width:100%; overflow-x:hidden;}
body { margin: 0; padding: 0; width: 100%; min-height: 100vh; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, a, p, blockquote, th, td { margin: 0; padding: 0; vertical-align: baseline; }
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal; }
ol, ul ,li{ list-style: none; vertical-align:top; display:block;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
img {    max-width: 100%;    vertical-align: middle;    border: 0;    -ms-interpolation-mode: bicubic;    -webkit-touch-callout: none}

:focus {    outline: 0}

/* @HTML5 */
article, aside, canvas, details, figcaption, figure, footer, header,  menu, nav, div, summary, mark { display:block; }
input, select, textarea {
    border: none;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
}
input[type="button"],input[type="submit"],input[type="reset"], select, textarea {
    -webkit-box-sizing: border-box;
    //-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    background-color: transparent;

}
input:focus, textarea:focus {
    outline: 0;
    border: none;
}

html {
    font-size:100px !important;
}


@media only screen and (min-width: 360px) {
    html {
        font-size: 110px !important
    }
}
@media only screen and (min-width: 360px) and (max-width: 550px){
    html {
        font-size:100px !important;
    }
}
@media only screen and (min-width: 384px){
    html {
        font-size:120px !important;
    }
}
@media only screen and (min-width: 414px){
    html {
        font-size:129.5px !important;
    }
}
@media only screen and (min-width: 450px){
    html {
        font-size:129.5px !important;
    }
}
@media only screen and (min-width: 480px){
    html {
        font-size:140.7px !important;
    }
}
@media only screen and (min-width: 640px){
    html {
        font-size:200px !important;
    }
}
@media only screen and (min-width: 768px){
    html {
        font-size:240px !important;
    }
}
@media only screen and (min-width: 800px){
    html {
        font-size:300px !important;
    }
}
body {
    font-size: .12rem;
    line-height: 1.2em;
    font-family: 'fzltxh','微软雅黑','黑体';
    background-color: #fff;
    min-width: 320px;
    margin: 0 auto;
    overflow-x:hidden;
}
.mbsc-mobiscroll .dw-persp .dwv{
    color: #333;
    font-size: 14px;
}
.mobiscrollMarked{
    color: #333 !important;
    background-color: #f5f5f5 !important;
}
.mobiscrollActive{
    background-color: transparent !important;
    .dw-cal-day-fg{
        //background-clip: content-box !important;
        //background-color: #f94848 !important;
    }
    .dw-cal-day-fg:before{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 19px;
        content: '';
        background-color: #f94848;
        //height: 100%;
        right: 0;
        z-index: -1;
    }
}
.mobiscrollActive .mobiscrollMarked{
    color: #fff !important;
    background-color: #f94848 !important;
    position: relative;
    z-index: 5;
}
.none{
    display: none;
}

/* @Global   -webkit-overflow-scrolling: touch; */
*{margin: 0; padding: 0; outline: none; font-weight: normal; font-style: normal;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch; }
a { color: #333; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: none; }
a:active {opacity: 0.5; }

.jy_loadAbs { position:fixed; z-index:1002; left:50%; margin-left:-50px; top:50%; margin-top:-50px; width:100px; height:100px; line-height: 100px; text-align: center; color: #fff; border-radius: 50%; display:none;
    background: rgba(0,0,0,0.6) url("@{base-pic}o_loading.gif") no-repeat 50% 50%; background-size: 50px auto;
}
.jy_filterAbs { position:fixed; _position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.7; }
.jy_popTip{
    display: none; left: 0;position: fixed; width: 100%; height:100%; top: 50%;transform: translate3d(0, -50%, 999px);z-index: 2000;
    background-color: rgba(0,0,0,.7);
    .msg{
        position: absolute;top: 30%; left:50%; transform: translateX(-50%);
        background-image: url("@{base-pic}/floatingLayer.png");
        padding: 10px 30px;
        color: #000;
        min-height: 70px;
        background-size: 100% auto;
        background-position: 0 0;
        background-repeat: no-repeat;
        line-height: 30px; font-size: 12px; border-radius: 10px;
        //background-color:rgba(81,78,78,0.9);
        padding: 80px 30px 0; width: 240px; box-sizing: content-box; margin:  0 auto;
        .mess{
            width: 100%;
            margin: 76px 5px 0;
            background-color: #fff;
            border-radius: 10px;
            min-height: 72px;
        }
    }
}
.jy_filterShare { position:fixed; _position:absolute; display: none;left:0; top:0;right: 0;bottom: 0; z-index:9999;
    background:rgba(0,0,0,0.7) url("@{base-pic}bg/share_arrow.png") no-repeat 100% 54px; background-size: 1.6rem auto;
}
.g_loadAMore{ text-align: center;height:60px;background:url("@{base-pic}o_loading_foot.gif") no-repeat 50% 50%; background-size:  auto 50px; font-size: @size-12; }
.g_loadMore{ text-align: center;height:60px;background:url("@{base-pic}updated.gif") no-repeat 50% 50%; background-size:  auto 50px; font-size: @size-12; }
.g_loadAMore.disabled{ background: none; padding: 20px 0 30px; color: @color-666;height:auto; }

:-moz-placeholder {
    color: #000; opacity:.2;
}
::-moz-placeholder {
    color: #000;opacity:.2;
}
input:-ms-input-placeholder{
    color: #000;opacity:.2;
}
input::-webkit-input-placeholder{
    color: #000;opacity:.2;
}

.f_right{ float: right;}
.positionR { position: relative; }
.positionA { position: absolute; }
.clear { clear: both; background: none; }
.clear:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.navBlank{ height: 20px;}
.g_popHtml{ position: fixed; z-index:200; left: 0; top:0; width: 100%; height: 100%; background:#fff; transform: translateX(100%); transition: all 0.5s;  -webkit-overflow-scrolling: touch; }
.g_popHtml.active{ transform: translateX(0%); overflow: hidden; height: 100%; height: 100vh;}



.g_selfHtml{  transition: all 0.5s;  }


.productWrap, .activityWrap, .userCenter, .productDetailMain, .proListMain {
    background-color: #fff;min-height: 100vh;
}

.g_popHtml.disabled,
.g_selfHtml.disabled{ transform: translate(-50vw,0) scale(.95); opacity: 0.5; }
.g_h100Hidden{position: relative; z-index: 0; height: 100%;height: 100vh; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.bodyHidden{ overflow: hidden; }
.g_noData{
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: @color-979797;
    border: none;
    b{ padding: 15px 0 5px; display: block; line-height: 20px; }
    .aReSearch{ display: block;margin: 10px auto; width: 120px; line-height: 30px; border-radius: 5px;   }
}
.g_noData::before{
    display: block;
    width: 100%;
    height: 160px;
    background: url("@{base-pic}load/404.png") 50% 50% no-repeat;
    background-size: contain;
    margin: 0 auto;
    line-height: 20px;//
    content: '';
}
.g_aMore{display: block;
    float: right; padding: 0 10px 0 0; line-height: 35px;height: 35px; background:url("@{base-pic}/icon/arrow_777.png") no-repeat 100% 50%;  background-size:6px auto; font-size: @size-12; color: @color-666;
}
.g_mask{position: fixed; z-index:100; left: 0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,0.4); }
.jy_popConfirm{
    position: absolute; z-index: 102; left: 50%; top:50%; width: 280px; min-height: 150px; margin: -75px 0 0 -140px; background: #fff; border-radius: 10px; text-align: center; font-size: @size-14;
    .aClose{ position: absolute; z-index: 2; right: -10px;top:-10px; width: 30px;height: 30px; line-height: 30px; font-size: 18px;
        overflow: hidden; background:url("@{base-pic}/icon/icon_close.png") no-repeat 50% 50%;  background-size:25px auto;
    }
    p{ padding: 30px 10px 20px 10px;
        a{display: inline-block; border:@bd1-d0b161; color: @color-d0b161; margin: 0 5px; width: 100px;height:33px;line-height:33px;border-radius: 5px;   }
    }
    p.p2{padding: 20px 0 10px 0;}
}
/*公共的模块标题顶部*/
.g_titleBar {
    height: 44px;
    background-color: @bg-000;
    .main{
        line-height: 44px;height: 44px;color: @color-fff; background-color: @bg-000; position: relative; left: 0; width: 100%; z-index: 20;
        h3 {
            position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: center; font-size: @size-14; color:@color-fff;
        }
        .btnBack {
            display: inline-block;width: 44px; height: 44px; background: url("@{base-pic}icon/arrow_leftBack.png") no-repeat scroll 50% 50%; background-size: 10px auto;text-align: center;
        }
        .btnMenu {
            display:inline-block;width: 44px; height: 44px; float: right;
        }
        .btnHome {
            display: inline-block;width: 44px; height: 44px;float: right;
        }
        .btnHome:before{ display: block; content: ''; width: 22px; height: 22px; margin: 8px 10px 0; background: url("@{base-pic}/icon/nav.png") no-repeat 0 0; background-size: 75px auto;}
        .btnChoose{
            background: rgba(0, 0, 0, 0) url("@{base-pic}icon/orderby.png") no-repeat scroll 50% 50%;
            background-size:18px auto;
            position: absolute; right: 0; top: 0; height: 40px; width: 40px;
        }
        .popChoose{
            background-color: @bg-fff;
            display: none;
            text-align: center;
            padding: 0 17px;
            clear: both;
            overflow: hidden;
            padding-bottom: 16px;
            position: absolute;
            left: 0;
            right: 0;
            top: 41px;
            z-index: 11;
            span{
                width: 33.33%;
                float: left;
                box-sizing: border-box;
                padding: 0 12px 0 0;
                overflow: hidden;
                i{
                    display: block;
                    margin-top: 16px;
                    height: 22px;
                    line-height: 22px;
                    border: @bd1-4e4e4e;
                    font-size: @size-12;
                    color: @color-979797;
                    text-align: center;
                    border-radius: @radius-50;
                }
            }
            span.curr i{
                border: @bd1-d0b161;
                color: @color-d0b161;
            }
            span:nth-child(2){
                padding: 0 6px;
            }
            span:nth-child(3){
                padding: 0 0 0 12px;
            }
            span:nth-child(4){
                padding: 0 12px 0 0;
            }
            span:nth-child(5){
                padding: 0 6px;
            }
        }
    }
    .blank {
        height: 0; clear: both; width: 100%; overflow: hidden;
    }

}


